<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>工单回访</title>
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="css/form.css" />
    <link rel="stylesheet" type="text/css" href="css/comm.css" />
    <link rel="stylesheet" type="text/css" href="css/gridcommlist.css" />
    <link rel="stylesheet" type="text/css" href="../script/vant/index.css" />
    <link rel="stylesheet" type="text/css" href="css/renwugongdancomplete.css" />
    <link rel="stylesheet" type="text/css" href="css/renwugongdanreturnvisit.css" />
    <style>
    </style>
</head>

<body>
    <div id="app" v-cloak>
        <div class="aui-content boxarea mainbox">
            <div class="work_title aui-margin-t-5 aui-margin-b-0">
                <div class="box_title_left fl">回访记录</div>
                <div class="cl"></div>
            </div>
            <div class="box_msg">
                <div class="aui-list-item-inner">
                    <div class="aui-list-item-input">
                        <textarea placeholder="请填写记录(选填信息)" style="height: 6rem;" v-model="form.StatusDesc"></textarea>
                    </div>
                </div>
            </div>
            <!-- <div class="aui-row"> -->
            <div class="imglist_box" style="margin-left: 0px;">
                <div class="imglist_item" v-for="(item,index) in imglist">
                    <img class="imgitem ml4" v-bind:src="item.url" />
                    <img v-on:click="remove_img(item.index)" class="onmouse_close" src="../image/close_mouseover.svg"
                        style="right: 0.8rem;" />
                </div>
                <div v-if="imglist.length<4" class="imglist_item ml4">
                    <div class="img_plusbox">
                        <img v-on:click="choose_picture()" src="../image/photo_image.svg" />
                    </div>
                    <span>最多支持{{maxuploadcount}}张</span>
                </div>

            </div>
            <!-- </div> -->
            <div class="cl"></div>
        </div>
        <!--工单评价-->
        <div class="aui-content boxarea mainbox">
            <div class="work_title aui-margin-t-5 aui-margin-b-0">
                <div class="box_title_left fl">工单评价</div>
                <div class="cl"></div>
            </div>
            <div class="box_msg">
                <!--未评价-->
                <div v-if="!IsOpenPinjia" class="">
                    <div class="aui-list-item-inner aui-margin-t-10">
                        <label class="text-grey aui-font-size-12">说明：住户尚未评价工单，您可以选择评价结果</label>
                    </div>
                    <div class="aui-list-item-inner">
                        <label class="rate-image-label aui-margin-b-10 aui-padded-b-10 aui-margin-t-10"
                            v-bind:class="{'border-bottomLine':pjbz.length>0}">
                            <label v-for="(item,index) in pjrate">
                                <img :src="item.url" class="image-pj aui-margin-b-10" v-on:click="do_rate(item.ID)"
                                    v-bind:class="{'image-qs':formpj.mainrate!=item.ID}" />
                                <span class="aui-font-size-14"> {{item.title}}</span>
                            </label>
                        </label>
                    </div>
                    <div class="aui-list-item-inner bsbx_con">
                        <div v-if="pjbz.length>0" v-for="(itempj,indexpj) in pjbz" class="form-padding new-fles-center">
                            <div class="text-grey" style="font-size: 15px;">{{itempj.Name}}</div>
                            <div>
                                <label v-for="index of 5" class="rate_star" v-on:click="do_rateother(index,indexpj)">
                                    <i v-if="itempj.StartNum<index" class="van-badge__wrapper van-icon van-icon-star-o"
                                        style="font-size:1rem; color:#ddd;"></i>
                                    <i v-if="itempj.StartNum>=index" class="van-badge__wrapper van-icon van-icon-star"
                                        style="font-size: 1rem; color: #ff8e00;"></i>
                                </label>
                            </div>
                        </div>
                    </div>
                    <div class="aui-list-item-inner ">
                        <div class="aui-list-item-input">
                            <textarea placeholder="请输入评价信息(选填)" style="height: 4rem;" class="aui-padded-t-0"
                                v-model="formpj.content"></textarea>
                        </div>
                    </div>
                </div>
                <!--已评价-->
                <div v-if="IsOpenPinjia">
                    <div class="aui-list-item-inner bsbx_con aui-margin-t-0">
                        <div class="form-padding new-fles-center" v-bind:class="{'border-bottomLine':pjbz!=undefined&&pjbz.length>0}">
                            <div style="font-size: 15px;">整体评价</div>
                            <div>
                                <label class="text-grey aui-margin-r-5">({{formpj.mainrate}}分)</label>
                                <label v-for="index of 5" class="rate_star">
                                    <i v-if="formpj.mainrate<index" class="van-badge__wrapper van-icon van-icon-star-o"
                                        style="font-size:1rem; color:#ddd;"></i>
                                    <i v-if="formpj.mainrate>=index" class="van-badge__wrapper van-icon van-icon-star"
                                        style="font-size: 1rem; color: #ff8e00;"></i>
                                </label>
                            </div>
                        </div>
                    </div>
                    <div v-if="pjbz.length>0" class="aui-list-item-inner bsbx_con aui-margin-t-0">
                        <div v-for="(itempj,indexpj) in pjbz" class="form-padding new-fles-center">
                            <div class="text-grey" style="font-size: 15px;">{{itempj.Name}}</div>
                            <div>
                                <label class="text-grey aui-margin-r-5">({{itempj.StartNum}}分)</label>
                                <label v-for="index of 5" class="rate_star">
                                    <i v-if="itempj.StartNum<index" class="van-badge__wrapper van-icon van-icon-star-o"
                                        style="font-size:1rem; color:#ddd;"></i>
                                    <i v-if="itempj.StartNum>=index" class="van-badge__wrapper van-icon van-icon-star"
                                        style="font-size: 1rem; color: #ff8e00;"></i>
                                </label>
                            </div>
                        </div>
                    </div>
                    <div class="aui-list-item-inner ">
                        <div class="aui-list-item-input">
                            {{formpj.content}}
                        </div>
                    </div>
                </div>

            </div>
        </div>
        <!--回访结果处理-->
        <div class="aui-content boxarea mainbox">
            <div class="work_title aui-margin-t-5 aui-margin-b-0">
                <div class="box_title_left fl">回访结果处理</div>
                <div class="cl"></div>
            </div>
            <div class="box_msg">
                <div class="aui-list-item-inner">
                    <div class="aui-list-item-input aui-margin-t-10">
                        <label class="aui-font-size-14">
                            <input v-model="OrderReaultType" class="aui-radio aui-margin-r-5" type="radio" name="radio"
                                value="1" style="vertical-align: text-bottom;"> 完工关单
                        </label>
                        <label class="aui-font-size-14 aui-margin-l-15">
                            <input v-model="OrderReaultType" class="aui-radio aui-margin-r-5" type="radio" name="radio"
                                value="2" style="vertical-align: text-bottom;"> 重新派单
                        </label>
                    </div>
                    <div v-if="OrderReaultType==2" class="aui-list-item-input aui-margin-t-0">
                        <label class="text-red aui-font-size-12">注意：重新派单会删除已有的业主评价信息。</label>
                    </div>

                    <div v-if="OrderReaultType==2" class="aui-list-item-input aui-margin-t-0"
                        style="position: relative;">
                        <div class="aui_formitem">
                            <div class="aui_formtitle ">接单人员<img class="col-star" src="../image/redstar.png"></div>
                            <div class="aui_formcontent">
                                <div class="task_process_basic_title_time ccc fr" style="margin-left: 15px;"
                                    v-on:click="doReChooseUser()"><i class="icon iconfont icon-addApp"></i>
                                </div>

                                <div v-if="chhooseUserList.length<=3" class="shenpi"
                                    v-for="(item,index) in chhooseUserList">
                                    <div class="shenpi_person">
                                        <div class="person">{{item.UserName.slice(-2)}}</div>
                                        <div class="person_name ellipsis-1">{{item.UserName}}</div>
                                        <img v-on:click="guanbi_pic(item.UserID)" src="../image/cx.png">
                                    </div>
                                </div>
                                <div v-if="chhooseUserList.length>3">
                                    <div class="shenpi">
                                        <div class="shenpi_person">
                                            <div class="person"
                                                v-bind:class="{'small_active':chhooseUserList.length>99}"
                                                v-on:click="open_more()">{{chhooseUserList.length}}人</div>
                                            <div class="person_name ellipsis-1">全部</div>
                                        </div>
                                    </div>
                                    <div class="shenpi" v-for="(item,index) in chhooseUserList.slice(-2)">
                                        <div class="shenpi_person">
                                            <div class="person">{{item.UserName.slice(-2)}}</div>
                                            <div class="person_name ellipsis-1">{{item.UserName}}</div>
                                            <img v-on:click="guanbi_pic(item.UserID)" src="../image/cx.png">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div v-if="chhooseUserList.length>0" style="position: absolute;top: 25px;"><label
                                class="text-grey aui-font-size-12">已选择{{chhooseUserList.length}}人</label></div>
                    </div>
                </div>
            </div>
        </div>
        <label v-if="OrderReaultType==2"
            class="mainbox text-grey aui-font-size-12 aui-margin-t-5 aui-padded-t-10  aui-padded-b-10">说明：重新派单后，工单进入【待接单】状态</label>

        <div class="bottom">
            <div class="aui_bottombtn" v-on:click="do_save()">保存</div>
        </div>
    </div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="../script/aui-actionsheet.js"></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/vue.js"></script>
<script type="text/javascript " src="../script/vant/vue.js"></script>
<script type="text/javascript " src="../script/vant/vant.js"></script>
<script type="text/javascript" src="js/renwugongdanreturnvisit.js"></script>

</html>